<template>
    <div>
        <div class="form-section">
            <h3>基本信息</h3>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>项目名称</label>
                </div>
                <div>
                    <p>卡卡萨</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>所属上级单位</label>
                </div>
                <div>
                    <p>卡卡萨</p>
                </div>
            </div>
            <div class="form-item form-item-style2">
                <div class="label-title">
                    <label>预案名称</label>
                </div>
                <div>
                    <p class="textarea">思考的反馈水电费</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>预案编制人</label>
                </div>
                <div>
                    <p>卡卡萨</p>
                </div>
            </div>
        </div>
        <div class="form-section">
            <h3>审批记录</h3>
            <div class="form-item form-item-style2">
                <div class="label-title space-between">
                    <div class="space-between">
                        <label>李四 (同意)</label>
                    </div>
                    <span>2019-09-17 10:40:25</span>
                </div>
                <div>
                    <p class="textarea">的上的说法都是</p>
                </div>
            </div>
            <div class="form-item form-item-style2">
                <div class="label-title space-between">
                    <div class="space-between">
                        <label>王五 (同意)</label>
                    </div>
                    <span>2019-09-17 10:40:25</span>
                </div>
                <div>
                    <p class="textarea">的上的说法都是</p>
                </div>
            </div>
        </div>
        <div class="form-section">
            <h3>方案交底</h3>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>方案交底详情</label>
                </div>
                <router-link class="right-section"
                             to='/bottomDetail'>
                    <span></span>
                    <x-icon type="ios-arrow-right"
                            size="20"
                            class="icon-right"></x-icon>
                </router-link>
            </div>
        </div>
        <div class="form-section">
            <h3>附件信息</h3>
            <!-- <div class="form-item form-item-style1"
                 v-for="(item,index) in detailData.DismantlingSchemeFiles"
                 :key="index"
                 @click="preview(item.FilePath)"> -->
            <div class="form-item form-item-style1">
                <div class="label-title label-title1">
                    <label>附件</label>
                </div>
                <div class="right-section">
                    <span>预览</span>
                    <x-icon type="ios-arrow-right"
                            size="20"
                            class="icon-right"></x-icon>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'solutionDetail4'
}
</script>
<style lang="less" scoped>
.form-section {
    margin-bottom: 0;
}
.form-section > div:last-child {
    border-bottom: 1px solid #efeff4;
}
</style>
